<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:th="http://www.thymeleaf.org"
      xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout"
      layout:decorator="layouts/layout">
    <head>
        <title>Home</title>
    </head>
    
    <body>

        <th:block layout:fragment="content">
           <div class="container-wrapper">
    <div class="container">
        <div class="page-header">
            <h1>Customer Management Page</h1>

            <p class="lead">This is the customer management page!</p>
        </div>
		
        <table class="table-striped table-hover itable">
            <thead>
            <tr class="bg-success">
                <th>Name</th>
                <th>Email</th>
                <th>Phone</th>
                <th>Username</th>
                <th>Enabled</th>
            </tr>
            </thead>
            <tbody>
                <tr th:each="customer : ${customerList}" >
                    <td th:text="${customer.customerName}">${customer.customerName}</td>
                    <td th:text="${customer.customerEmail}">${customer.customerEmail}</td>
                    <td th:text="${customer.customerPhone}">${customer.customerPhone}</td>
                    <td th:text="${customer.username}">${customer.username}</td>
                    <td th:text="${customer.enabled}">${customer.enabled}</td>
                </tr>
            </tbody>
        </table>
        </div>
        </div>
        </th:block>

    </body>
</html>